<template>
  <div>
    {{ form.name }}
    {{ name }}
    <button @click='getvalues'>点击</button>
  </div>
</template>

<script>
import {reactive, ref} from 'vue'

export default {
  name: "nidex",
  data() {
    return {}
  },
  setup() {
    let form = reactive({'name': 'a', 'pass': '34'})
    let name = ref('234')
    let getvalues = () => {
      form.name = 'abc'
      name.value = 'ttt'
    }
    return {
      form,
      getvalues,
      name
    }
  }
}
</script>

<style scoped>

</style>